<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>欢迎光临-小窝</title>
	</head>
	<style type="text/css">
		* {
		  box-sizing: border-box;
		  background-color: pink;
		}
		
		body {
		  margin: 0;
		}
		
		/* 设置页眉的样式 */
		.header {
		  text-align: center;
		}
		
		/* 设置顶部导航栏的样式 */
		.topnav {
		  overflow: hidden;
		}
		
		/* 设置 topnav 链接的样式 */
		.topnav a {
		  float: left;
		  display: block;
		  color: #c294c8;
		  text-align: center;
		  padding: 14px 16px;
		  text-decoration: none;
		}
		
		/* 改变鼠标悬停时的颜色 */
		.topnav a:hover {
		  background-color: #ffa9c0;
		  color: black;
		}
	</style>
	<body>
		<div class="header">
		  <h1>欢迎光临-小窝</h1>
		</div>
		
		<div class="topnav">
		  <a href="suiji.html">随机奖励</a>
		  <a href="#">Link</a>
		  <a href="#">Link</a>
		</div>
	</body>
</html>
